<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>SZ法-76孔拍</title>
        <link rel="stylesheet" href="./css/style.css" />
    </head>

    <body>
        <!-- 网站导航条 start -->
        <nav id="globalnav">
            <div class="gn-content">
                <ul class="gn-list">
                    <li class="gn-item gn-apple">
                        <a class="gn-link gn-link-apple" href="/" data-analytics-title="apple home" id="gn-firstfocus"></a>
                    </li>
                    <li class="gn-item gn-item-menu gn-sz">
                        <a class="gn-link gn-link-mac" href="/mac/" data-analytics-title="mac">
                            <span class="gn-link-text">SZ</span>
                        </a>
                    </li>
                    <li class="gn-item gn-item-menu gn-ln">
                        <a class="gn-link gn-link-mac" href="/mac/" data-analytics-title="mac">
                            <span class="gn-link-text">Lining</span>
                        </a>
                    </li>
                    <li class="gn-item gn-item-menu gn-yy">
                        <a class="gn-link gn-link-ipad" href="/ipad/" data-analytics-title="ipad">
                            <span class="gn-link-text">YY</span>
                        </a>
                    </li>
                    <li class="gn-item gn-item-menu gn-vi">
                        <a class="gn-link gn-link-iphone" href="/iphone/" data-analytics-title="iphone">
                            <span class="gn-link-text">Victor</span>
                        </a>
                    </li>
                    <li class="gn-item gn-item-menu gn-zr">
                        <a class="gn-link gn-link-watch" href="/watch/" data-analytics-title="watch">
                            <span class="gn-link-text">张人</span>
                        </a>
                    </li>
                    <li class="gn-item gn-item-menu gn-zz">
                        <a class="gn-link gn-link-watch" href="/watch/" data-analytics-title="watch">
                            <span class="gn-link-text">ZZ</span>
                        </a>
                    </li>
                    <li class="gn-item gn-item-menu gn-ot">
                        <a class="gn-link gn-link-watch" href="/watch/" data-analytics-title="watch">
                            <span class="gn-link-text">其他</span>
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
        <!-- 网站导航条 end -->
        <!-- 页面导航条 start -->
        <nav id="localnav" class="js no-touch css-sticky" lang="zh-CN" dir="ltr" data-sticky="" data-analytics-region="local nav" role="navigation" aria-label="本地">
            <div class="ln-wrapper">
                <div class="ln-background"></div>
                <div class="ln-content">
                    <div class="ln-title">
                        <a href="#" data-analytics-title="product index">/ SZ / 76孔球拍 /</a>
                    </div>
                    <div class="ln-menu">
                        <div class="ln-menu-tray">
                            <ul class="ln-menu-items">
                                <li class="ln-menu-item">
                                    <a href="#" class="ln-menu-link" data-analytics-title="overview">概览</a>
                                </li>
                                <li class="ln-menu-item">
                                    <span class="ln-menu-link current" role="link" aria-disabled="true" aria-current="page">技术规格</span>
                                </li>
                            </ul>
                        </div>
                        <div class="ln-actions">
                            <div class="ln-action ln-action-button">
                                <a class="ln-button" href="#" data-analytics-title="view pricing - imac 24 inch">查看</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
        <!-- 页面导航条 end -->
        <!-- 正文 start -->
        <main>
            <div class="section-content">
                <section class="section section-at-a-glance" data-analytics-activitymap-region-id="at a glance">
                    <div class="section-header section-at-a-glance-header">
                        <h2 class="typography-specs-section-headline">查看参数设置</h2>
                        <div id="view-attr">
                            <ul class="Switch">
                                <li>
                                    <input type="checkbox" name="shortLine-checkbox" id="shortline-checkbox" checked="checked" />
                                    显示短边
                                    <label for="shortline-checkbox"><em></em></label>
                                </li>
                                <li>
                                    <input type="checkbox" name="longline-checkbox" id="longline-checkbox" checked="" />
                                    显示长边
                                    <label for="longline-checkbox"><em></em></label>
                                </li>
                                <li>
                                    <input type="checkbox" name="lablelayer-checkbox" id="lablelayer-checkbox" checked="" />
                                    显示孔标
                                    <label for="lablelayer-checkbox"><em></em></label>
                                </li>
                                <li>
                                    短边进度
                                    <input class="range" id="shortrange" type="range" name="value" value="0.001" min="0" max="1" step="0.01" />
                                </li>
                                <li>
                                    长边进度
                                    <input class="range" id="longrange" type="range" name="value" value="0.001" min="0" max="1" step="0.01" />
                                </li>
                                <li>
                                    备注：
                                    <br />
                                    此球拍为76孔，竖线最外侧双线孔之间的横线孔为11孔，即16--26孔。
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="grid grid-container grid-content">
                        <div class="svg-content">
                            <svg width="480" height="640" viewBox="0 0 2400 3200" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g>
                                    <path
                                        id="outerFrame"
                                        d="M1167.5 3040.5L1161.1 2808C1161.1 2766 1140.37 2694.79 1090 2688C237 2573 257 1600 257 1600C257 1468 248 232 1200 232C2152 248 2145 1468 2145 1600C2145 1600 2163 2573 1310.5 2688C1260.5 2699.55 1238.9 2766 1238.9 2808L1232.5 3040.5"
                                        stroke="black"
                                        stroke-width="5"
                                    />
                                    <path id="innerFrame" d="M313.5 1600.5C313.5 1600.5 252.5 286.5 1200 286.5C2147.5 288 2095 1600.5 2095 1600.5C2095 1600.5 2101 2608.5 1200 2608C299 2608 313.5 1600.5 313.5 1600.5Z" stroke="black" stroke-width="5" stroke-dasharray="6593" />
                                    <path
                                        id="shortLine_base"
                                        d="M1200 201C1184.5 200.5 1163 203 1163 203V287.762V2607L1100.5 2706C1100.5 2706 1071 2718.5 1031 2692L1088 2601.5V294.5L1073.5 219.5C1073.5 219.5 1033.5 212 998.5 234.5L1012 307V2591L971.5 2678.5C971.5 2678.5 937 2684 897.5 2655L937 2573.5V327L911 262C857 262.5 831 294.5 831 294.5L861 356.5V2548.5L825.5 2633C769.5 2624 745 2591 745 2591L785 2514.5V397L739.5 340C739.5 340 690 352 668 392.5L710 450V2469.5L661.5 2546.5C596.5 2520.5 576.5 2477 576.5 2477L634 2410.5V521.5L573.5 474C573.5 474 516 499.5 499.5 571L559 614.5L562.5 2338L494.5 2383.5C432.5 2343.5 425.5 2280.5 425.5 2280.5L483 2226.5L484 738L410 697.5C410 697.5 332.5 803 330 893L410 919L403.5 2065.5L317.5 2085.5C317.5 2085.5 332 2228.5 416 2280.5L483 2228.5H1919L1987.5 2271C1987.5 2271 1981.5 2362.5 1904 2391L1840 2336.5H562L498.5 2391C498.5 2391 505.5 2443 570.5 2473L631.5 2410.5L639.5 2412"
                                        stroke="#B3E5FC"
                                        stroke-width="1"
                                    />
                                    <path
                                        id="shortLine"
                                        d="M1200 201C1184.5 200.5 1163 203 1163 203V287.762V2607L1100.5 2706C1100.5 2706 1071 2718.5 1031 2692L1088 2601.5V294.5L1073.5 219.5C1073.5 219.5 1033.5 212 998.5 234.5L1012 307V2591L971.5 2678.5C971.5 2678.5 937 2684 897.5 2655L937 2573.5V327L911 262C857 262.5 831 294.5 831 294.5L861 356.5V2548.5L825.5 2633C769.5 2624 745 2591 745 2591L785 2514.5V397L739.5 340C739.5 340 690 352 668 392.5L710 450V2469.5L661.5 2546.5C596.5 2520.5 576.5 2477 576.5 2477L634 2410.5V521.5L573.5 474C573.5 474 516 499.5 499.5 571L559 614.5L562.5 2338L494.5 2383.5C432.5 2343.5 425.5 2280.5 425.5 2280.5L483 2226.5L484 738L410 697.5C410 697.5 332.5 803 330 893L410 919L403.5 2065.5L317.5 2085.5C317.5 2085.5 332 2228.5 416 2280.5L483 2228.5H1919L1987.5 2271C1987.5 2271 1981.5 2362.5 1904 2391L1840 2336.5H562L498.5 2391C498.5 2391 505.5 2443 570.5 2473L631.5 2410.5L639.5 2412"
                                        stroke="#0D9DEE"
                                        stroke-width="5"
                                    />
                                    <path
                                        id="longLine_base"
                                        d="M1200 201C1211.5 201 1239 203 1239 203V288.5V2607L1303 2702.5C1303 2702.5 1347 2711 1378.5 2689.5L1314 2601V294.5L1328.5 218.5C1328.5 218.5 1363.5 215 1404.5 233L1390 307.5V2590L1417.5 2680.5C1470.5 2680.5 1489.5 2660.5 1489.5 2660.5L1465 2573V328L1487.5 259.5C1534.5 262 1566.5 290.5 1566.5 290.5L1541 357V2548L1578 2632C1578 2632 1622.5 2624.5 1655 2593L1617 2514V398L1654.5 338.5C1710.5 352.5 1737.5 398 1737.5 398L1692 451.5V2469.5L1737 2542.5C1737 2542.5 1794 2527.5 1822 2469.5L1768 2410V522.5L1830 473C1830 473 1883 511.5 1906 565.5L1843 615L1840 2336.5L1903 2386.5C1964 2342 1983 2271.5 1983 2271.5L1919 2228.5L1917 738L1989.5 703.5C2044.5 771 2072.5 892 2072.5 892L1994 919L2000.5 2064L2067.5 2097.5C2067.5 2097.5 2067.5 2145 2028 2185.5L1961 2153H442.5L370 2183.5C327.5 2145 327.5 2086 327.5 2086L403.5 2064H2001L2073.45 2078C2095.26 2070.57 2104.73 2042.71 2106.5 1985.5L2036 1964H370L298.5 1982C264 1942 272.5 1887 272.5 1887L346 1870H2060L2131 1886C2131 1886 2157.5 1841 2148.5 1787L2078 1775H329L250.5 1785.5C225 1738 239 1687.5 239 1687.5L318 1681H2090L2157.5 1687C2157.5 1687 2175 1640 2162 1591L2094 1587H313.5H239C227.5 1533.5 239 1486 239 1486L315 1492H2094L2159 1489C2159 1489 2170.5 1443.5 2150.5 1395L2088 1398H320L246 1386C234 1326.5 259 1290.5 259 1290.5L329 1304H2078L2143 1297.5C2143 1297.5 2149 1244 2125.5 1199.5L2064.5 1209H341.5L270 1192.5C264 1142.5 288 1101.5 288 1101.5L358.5 1115H2048L2114 1103.5C2114 1103.5 2118 1046.5 2091 1008.5L2024.5 1021H380.5L310 1001.5C310 943 338.5 900.5 338.5 900.5L411 919H1995.5L2058 892C2058 892 2053 837.5 2021 798L1956 821.112L442.5 833L372.5 800.5C380.5 738 418.5 708 418.5 708L484 738H1917.5L1983 701.5C1983 701.5 1973.5 647 1927 608L1865 643H540L479.5 595.5C506 535.5 551.5 502 551.5 502L610 549H1791.5L1841 503C1841 503 1816.5 449 1752.5 413L1703.86 462.5H695L649.5 409.5C685 360 741 332.5 741 332.5L785 397L794 403"
                                        stroke="#ffcdd2"
                                        stroke-width="1"
                                    />
                                    <path
                                        id="longLine"
                                        d="M1200 201C1211.5 201 1239 203 1239 203V288.5V2607L1303 2702.5C1303 2702.5 1347 2711 1378.5 2689.5L1314 2601V294.5L1328.5 218.5C1328.5 218.5 1363.5 215 1404.5 233L1390 307.5V2590L1417.5 2680.5C1470.5 2680.5 1489.5 2660.5 1489.5 2660.5L1465 2573V328L1487.5 259.5C1534.5 262 1566.5 290.5 1566.5 290.5L1541 357V2548L1578 2632C1578 2632 1622.5 2624.5 1655 2593L1617 2514V398L1654.5 338.5C1710.5 352.5 1737.5 398 1737.5 398L1692 451.5V2469.5L1737 2542.5C1737 2542.5 1794 2527.5 1822 2469.5L1768 2410V522.5L1830 473C1830 473 1883 511.5 1906 565.5L1843 615L1840 2336.5L1903 2386.5C1964 2342 1983 2271.5 1983 2271.5L1919 2228.5L1917 738L1989.5 703.5C2044.5 771 2072.5 892 2072.5 892L1994 919L2000.5 2064L2067.5 2097.5C2067.5 2097.5 2067.5 2145 2028 2185.5L1961 2153H442.5L370 2183.5C327.5 2145 327.5 2086 327.5 2086L403.5 2064H2001L2073.45 2078C2095.26 2070.57 2104.73 2042.71 2106.5 1985.5L2036 1964H370L298.5 1982C264 1942 272.5 1887 272.5 1887L346 1870H2060L2131 1886C2131 1886 2157.5 1841 2148.5 1787L2078 1775H329L250.5 1785.5C225 1738 239 1687.5 239 1687.5L318 1681H2090L2157.5 1687C2157.5 1687 2175 1640 2162 1591L2094 1587H313.5H239C227.5 1533.5 239 1486 239 1486L315 1492H2094L2159 1489C2159 1489 2170.5 1443.5 2150.5 1395L2088 1398H320L246 1386C234 1326.5 259 1290.5 259 1290.5L329 1304H2078L2143 1297.5C2143 1297.5 2149 1244 2125.5 1199.5L2064.5 1209H341.5L270 1192.5C264 1142.5 288 1101.5 288 1101.5L358.5 1115H2048L2114 1103.5C2114 1103.5 2118 1046.5 2091 1008.5L2024.5 1021H380.5L310 1001.5C310 943 338.5 900.5 338.5 900.5L411 919H1995.5L2058 892C2058 892 2053 837.5 2021 798L1956 821.112L442.5 833L372.5 800.5C380.5 738 418.5 708 418.5 708L484 738H1917.5L1983 701.5C1983 701.5 1973.5 647 1927 608L1865 643H540L479.5 595.5C506 535.5 551.5 502 551.5 502L610 549H1791.5L1841 503C1841 503 1816.5 449 1752.5 413L1703.86 462.5H695L649.5 409.5C685 360 741 332.5 741 332.5L785 397L794 403"
                                        stroke="#FF0000"
                                        stroke-width="5"
                                    />
                                </g>
                                <g id="lablelayer">
                                    <circle cx="1163" cy="129" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1155" y="141.352">1</tspan>
                                    </text>
                                    <circle cx="1062" cy="138" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1054" y="150.352">2</tspan>
                                    </text>
                                    <circle cx="981" cy="154" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="973" y="166.352">3</tspan>
                                    </text>
                                    <circle cx="881" cy="183" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="873" y="195.352">4</tspan>
                                    </text>
                                    <circle cx="798" cy="218" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="790" y="230.352">5</tspan>
                                    </text>
                                    <circle cx="702" cy="273" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="694" y="285.352">6</tspan>
                                    </text>
                                    <circle cx="630" cy="327" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="622" y="339.352">7</tspan>
                                    </text>
                                    <circle cx="593" cy="360" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="585" y="372.352">8</tspan>
                                    </text>
                                    <circle cx="527" cy="427" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="519" y="439.352">9</tspan>
                                    </text>
                                    <circle cx="494" cy="465" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="478" y="477.352">10</tspan>
                                    </text>
                                    <circle cx="450" cy="524" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="434" y="536.352">11</tspan>
                                    </text>
                                    <circle cx="422" cy="566" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="406" y="578.352">12</tspan>
                                    </text>
                                    <circle cx="363" cy="669" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="347" y="681.352">13</tspan>
                                    </text>
                                    <circle cx="316" cy="769" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="300" y="781.352">14</tspan>
                                    </text>
                                    <circle cx="275" cy="877" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="259" y="889.352">15</tspan>
                                    </text>
                                    <circle cx="242" cy="986" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="226" y="998.352">16</tspan>
                                    </text>
                                    <circle cx="215" cy="1092" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="199" y="1104.35">17</tspan>
                                    </text>
                                    <circle cx="198" cy="1177" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="182" y="1189.35">18</tspan>
                                    </text>
                                    <circle cx="181" cy="1281" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="165" y="1293.35">19</tspan>
                                    </text>
                                    <circle cx="169" cy="1374" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="153" y="1386.35">20</tspan>
                                    </text>
                                    <circle cx="162" cy="1486" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="146" y="1498.35">21</tspan>
                                    </text>
                                    <circle cx="158" cy="1580" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="142" y="1592.35">22</tspan>
                                    </text>
                                    <circle cx="161" cy="1692" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="145" y="1704.35">23</tspan>
                                    </text>
                                    <circle cx="173" cy="1789" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="157" y="1801.35">24</tspan>
                                    </text>
                                    <circle cx="194" cy="1907" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="178" y="1919.35">25</tspan>
                                    </text>
                                    <circle cx="215" cy="1992" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="199" y="2004.35">26</tspan>
                                    </text>
                                    <circle cx="252" cy="2103" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="236" y="2115.35">27</tspan>
                                    </text>
                                    <circle cx="294" cy="2199" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="278" y="2211.35">28</tspan>
                                    </text>
                                    <circle cx="361" cy="2319" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="345" y="2331.35">29</tspan>
                                    </text>
                                    <circle cx="435" cy="2420" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="419" y="2432.35">30</tspan>
                                    </text>
                                    <circle cx="532" cy="2520" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="516" y="2532.35">31</tspan>
                                    </text>
                                    <circle cx="629" cy="2595" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="613" y="2607.35">32</tspan>
                                    </text>
                                    <circle cx="717" cy="2649" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="701" y="2661.35">33</tspan>
                                    </text>
                                    <circle cx="802" cy="2689" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="786" y="2701.35">34</tspan>
                                    </text>
                                    <circle cx="872" cy="2714" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="856" y="2726.35">35</tspan>
                                    </text>
                                    <circle cx="946" cy="2736" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="930" y="2748.35">36</tspan>
                                    </text>
                                    <circle cx="1006" cy="2750" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="990" y="2762.35">37</tspan>
                                    </text>
                                    <circle cx="1078" cy="2763" r="25" fill="#336699" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1062" y="2775.35">38</tspan>
                                    </text>
                                    <circle cx="1244" cy="128" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1236" y="140.352">1</tspan>
                                    </text>
                                    <circle cx="1345" cy="141" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1337" y="153.352">2</tspan>
                                    </text>
                                    <circle cx="1422" cy="158" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1414" y="170.352">3</tspan>
                                    </text>
                                    <circle cx="1515" cy="186" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1507" y="198.352">4</tspan>
                                    </text>
                                    <circle cx="1592" cy="220" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1584" y="232.352">5</tspan>
                                    </text>
                                    <circle cx="1693" cy="279" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1685" y="291.352">6</tspan>
                                    </text>
                                    <circle cx="1768" cy="336" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1760" y="348.352">7</tspan>
                                    </text>
                                    <circle cx="1805" cy="370" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1797" y="382.352">8</tspan>
                                    </text>
                                    <circle cx="1863" cy="431" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1855" y="443.352">9</tspan>
                                    </text>
                                    <circle cx="1897" cy="472" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1881" y="484.352">10</tspan>
                                    </text>
                                    <circle cx="1941" cy="532" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1925" y="544.352">11</tspan>
                                    </text>
                                    <circle cx="1974" cy="582" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1958" y="594.352">12</tspan>
                                    </text>
                                    <circle cx="2027" cy="678" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2011" y="690.352">13</tspan>
                                    </text>
                                    <circle cx="2072" cy="776" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2056" y="788.352">14</tspan>
                                    </text>
                                    <circle cx="2111" cy="877" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2095" y="889.352">15</tspan>
                                    </text>
                                    <circle cx="2148" cy="1002" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2132" y="1014.35">16</tspan>
                                    </text>
                                    <circle cx="2171" cy="1092" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2155" y="1104.35">17</tspan>
                                    </text>
                                    <circle cx="2191" cy="1192" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2175" y="1204.35">18</tspan>
                                    </text>
                                    <circle cx="2207" cy="1293" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2191" y="1305.35">19</tspan>
                                    </text>
                                    <circle cx="2218" cy="1394" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2202" y="1406.35">20</tspan>
                                    </text>
                                    <circle cx="2225" cy="1485" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2209" y="1497.35">21</tspan>
                                    </text>
                                    <circle cx="2228" cy="1591" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2212" y="1603.35">22</tspan>
                                    </text>
                                    <circle cx="2223" cy="1689" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2207" y="1701.35">23</tspan>
                                    </text>
                                    <circle cx="2212" cy="1794" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2196" y="1806.35">24</tspan>
                                    </text>
                                    <circle cx="2194" cy="1898" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2178" y="1910.35">25</tspan>
                                    </text>
                                    <circle cx="2167" cy="2001" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2151" y="2013.35">26</tspan>
                                    </text>
                                    <circle cx="2137" cy="2095" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2121" y="2107.35">27</tspan>
                                    </text>
                                    <circle cx="2087" cy="2210" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2071" y="2222.35">28</tspan>
                                    </text>
                                    <circle cx="2039" cy="2297" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="2023" y="2309.35">29</tspan>
                                    </text>
                                    <circle cx="1953" cy="2417" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1937" y="2429.35">30</tspan>
                                    </text>
                                    <circle cx="1863" cy="2512" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1847" y="2524.35">31</tspan>
                                    </text>
                                    <circle cx="1777" cy="2582" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1761" y="2594.35">32</tspan>
                                    </text>
                                    <circle cx="1683" cy="2641" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1667" y="2653.35">33</tspan>
                                    </text>
                                    <circle cx="1602" cy="2681" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1586" y="2693.35">34</tspan>
                                    </text>
                                    <circle cx="1509" cy="2716" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1493" y="2728.35">35</tspan>
                                    </text>
                                    <circle cx="1441" cy="2736" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1425" y="2748.35">36</tspan>
                                    </text>
                                    <circle cx="1387" cy="2749" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1371" y="2761.35">37</tspan>
                                    </text>
                                    <circle cx="1321" cy="2761" r="25" fill="#FF9933" />
                                    <text fill="white" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="32" letter-spacing="0em">
                                        <tspan x="1305" y="2773.35">38</tspan>
                                    </text>
                                    <path d="M2225 1011H2254.17C2262.96 1011 2270.09 1034.48 2270.09 1063.45V1453.55C2270.09 1482.52 2277.21 1506 2286 1506C2277.21 1506 2270.09 1529.48 2270.09 1558.45V1948.55C2270.09 1977.52 2262.96 2001 2254.17 2001H2225" stroke="#A4D6A0" stroke-width="5" />
                                    <text fill="black" xml:space="preserve" style="white-space: pre" font-family="GSMonacoMono" font-size="28" letter-spacing="0em">
                                        <tspan x="2294" y="1478.31">&#x53cc;&#x7ebf;&#x5b54;&#10;</tspan>
                                        <tspan x="2294" y="1513.31">&#x4e4b;&#x95f4;&#x6709;&#10;</tspan>
                                        <tspan x="2294" y="1548.31">11&#x5b54;&#x4f4d;</tspan>
                                    </text>
                                </g>

                                <rect x="0.5" y="0.5" width="2399" height="3199" stroke="#44cef6" />
                            </svg>
                        </div>
                    </div>
                </section>
            </div>
        </main>
        <!-- 正文 end -->
        <!-- 脚部 start -->
        <footer></footer>
        <!-- 脚部 end -->
    </body>
    <script src="./js/base.js"></script>
</html>

<!--

https://www.albertyy.com/2020/7/check2.html

进度条样式： 

https://www.jiawin.com/demo/6576.html

https://www.html5tricks.com/demo/css3-progress-bar-line/index2.html

结合这个的js控制：
https://blog.csdn.net/lynnwonder6/article/details/79934359


https://www.html5tricks.com/demo/css3-rank-bar/index.html

https://www.html5tricks.com/demo/html5-circle-progressbar/index.html

-->
